<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2018/1/9
  Time: 14:51
  To change this template use File | Settings | File Templates.
--%>
<%@ page
        contentType="text/html;charset=UTF-8" %>
<%@ include
        file="/webpage/include/taglib.jsp" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>产品详情</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet"
          type="text/css"
          href="${ctxStatic}/plugin/layui-v225/css/layui.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_tnyc012u2rlwstt9.css" media="all" />
    <%--<link rel="stylesheet"--%>
          <%--href="${ctxStatic}/dfcshop/css/admin/buyers.css"--%>
          <%--media="all"/>--%>
    <style>
        .wrap{
            padding: 0 26px;
        }
        .left{
            /*background: #af7ac5;*/
            /*height: 502px;*/
        }
        .left .top{
            padding-top: 30px;
            padding-left: 126px;
            height:106px;
            border-bottom:6px solid #7d7d7d;
        }
        .left .bottom{
            padding:52px 44px 0 44px;
        }
        .right{
            border-left:1px solid #7d7d7d;
            padding:  0 8px;
            height: 700px;
        }
        .right h2{
            display: block;
            text-align: center;
            height:46px;
            line-height:46px;
            background: #f0efef;
        }
        .right-content{
            padding-top:8px;
        }
        .right-content .details{
            overflow: auto;
            height: 646px;
            /*height:100%;*/
            width:100%;
        }
        .slider-show{
            float: left;
            width:424px;
            height:502px;
            background: #d9e8c2;
            margin-right:40px;
        }
        .bottom-right{
            float: left;
            height:100%;
            width:432px;
            /*background: #000;*/
        }
        .bottom-right .price{
            height:136px;
            width:100%;
            background: #2ECC71;
        }
        .bottom-right .middle{
            height:46px;
        }
        .bottom-right .sku{
            height:200px;
            background: #3ca2e0;
        }
        .slider-show .bigImg{
            width:424px;
            height: 418px;
            background: #83a94c;
        }
    </style>

</head>
<body class="childrenBody">
<div class="wrap">
   <div class="layui-row">
    <div class="layui-col-md8 left">
        <div class="top">
            <img src="" alt="" class="logo">
            <h2>大风车童装服饰</h2>
            <span>童品汇</span>
        </div>
        <div class="bottom">
            <div class="slider-show">
                <img src="aa.jpg" alt="" class="bigImg">
                <ul>
                    <li class="first"><</li>
                    <li><img src="" alt=""></li>
                    <li><img src="" alt=""></li>
                    <li><img src="" alt=""></li>
                    <li><img src="" alt=""></li>
                    <li><img src="" alt=""></li>
                    <li class="last">></li>
                </ul>
            </div>
            <div class="bottom-right">
                <h2>潮童时尚校服定制 高级校服量身定做 耐脏耐磨 品质保证 厂家直销</h2>
                <br>
                <div class="price"></div>
                <p class="middle"></p>
                <div class="sku"></div>
            </div>

        </div>
    </div>
    <div class="layui-col-md4 right">
        <div class="right-content">
           <h2>详情页</h2>
            <div class="details">
                sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sd
                fsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf

                dfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sd
                fsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdf
                dfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sd
                fsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdf
                dfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sd
                fsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdf
                sdfsdfsfsfsdfsdf
                dfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sd
                fsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdf
                dfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sd
                fsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdf
                dfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sd
                fsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdf
                sdfsdfsfsfsdfsdf dfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sd
                fsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdf
                dfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sd
                fsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdf
                dfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sd
                fsdfsfsfsdfsdf sdfsdfsfsfsdfsdf sdfsdfsfsfsdf
                sdfsdfsfsfsdfsdf
            </div>
        </div>
    </div>
</div>
</div>
<script>
    <%--定义js路径--%>
    var js_path="${ctxStatic}/dfcshop/js/admin/";
    var data_path="${ctxStatic}/dfcshop/data/";

</script>
<script type="text/javascript"
        src="${ctxStatic}/plugin/layui-v225/layui.js"></script>

</body>
</html>
